<template>
  <div class="app-container home">
    <el-row :gutter="20">
      <el-col :span="8" style="padding-left: 20px">
        <el-card class="card-style">
          <el-collapse>
            <el-collapse-item >
            <template slot="title">
              {{title}}
            </template>
            <el-table
              :data="tableData"
              style="width: 100%;margin-bottom: 20px;"
              row-key="id"
              border
              @selection-change="handleSelectionChange">
              default-expand-all
              :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
              <el-table-column
                type="selection"
                width="55">
              </el-table-column>
              <el-table-column
                prop="date"
                label="日期"
                sortable
                width="180">
              </el-table-column>
              <el-table-column
                prop="name"
                label="姓名"
                sortable
                width="180">
              </el-table-column>
              <el-table-column
                prop="address"
                label="地址">
              </el-table-column>
            </el-table>
          </el-collapse-item>
          
        </el-collapse>

        <el-table
              :data="tableData2"
              style="width: 100%;margin-bottom: 20px;"
              row-key="id"
              border
              ref="multiptable"
              @select-all="selectAll"
              @select="rowSelect"
              default-expand-all
              @row-click="rowclick"
              highlight-current-row
              :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
              <el-table-column
                type="selection"
                :reserve-selection="true"
                width="55">
              </el-table-column>
              <el-table-column
                prop="date"
                label="日期"
                sortable
                width="180">
              </el-table-column>
              <el-table-column
                prop="name"
                label="姓名"
                sortable
                width="180">
              </el-table-column>
              <el-table-column
                prop="address"
                label="地址">
              </el-table-column>
        </el-table>
        </el-card>
        
       
        

      </el-col>

      <el-col :span="16">

           <el-card class="card-style">
              <div v-html="message" style="height:95vh;overflow:auto">
                  
              </div>
            </el-card>
            
        
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "indextest",
  data() {
    return {
      tableData: [
        {
         id: 30,
              date: '2016-05-01',
              name: '王小虎',
              address: '上海市普陀区金沙江路 1519 弄',
              },
        {
              id: 31,
              date: '2016-05-01',
              name: '王小虎',
              address: '上海市普陀区金沙江路 1519 弄'
            }, {
              id: 32,
              date: '2016-05-01',
              name: '王小虎',
              address: '上海市普陀区金沙江路 1519 弄'
          }
        ],
        tableData2: [
        {
         id: 30,
              date: '2016-05-01',
              name: '',
              address: '',
              level:1,
              children:[
                {
                  id: 35,
                  date: '2016-05-01',
                  name: '王小虎',
                  level:2,
                  address: '上海市普陀区金沙江路 1519 弄'
                },
                {
              id: 31,
              date: '2016-05-01',
              name: '王小虎',
              level:2,
              address: '上海市普陀区金沙江路 1519 弄'
            }, {
              id: 32,
              date: '2016-05-01',
              name: '王小虎',
              level:2,
              address: '上海市普陀区金沙江路 1519 弄'
          }
              ]
        },

         {
         id: 40,
              date: '2016-05-01',
              name: '',
              address: '',
              level:1,
              children:[
                {
                  id: 55,
                  date: '2016-05-01',
                  name: '王小虎',
                  level:2,
                  address: '上海市普陀区金沙江路 1519 弄'
                },
              ]
        },
         {
              id: 41,
              date: '2016-05-01',
              name: '王小虎',
              level:2,
              address: '上海市普陀区金沙江路 1519 弄'
            }, {
              id: 42,
              date: '2016-05-01',
              name: '王小虎',
              level:2,
              address: '上海市普陀区金沙江路 1519 弄'
          }
        
        ],
       multipleSelection: [],
       title:'近半年',
       list:[],
       checkedkeys:false,
       message:''
      }
  },
  methods: {
     
      handleSelectionChange(val) {
        this.multipleSelection = val;
        this.list = val
      },
      rowclick(row, column, event){
        let info1 = '<div class="normal_padding__25EN7"><div class="text-parser_wrap__11Rrt text-parser_theme-news__3ZLdW"><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m">今天凌晨2:05，</div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m">张文宏发布微博：</div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m"><span class="text-parser_strong__14xXy">“新冠没有那么吓人，但是仗很难打”</span></div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m"><div><div><img class="text-parser_img__1MPXz" src="http://inews.gtimg.com/newsapp_bt/0/14662967799/641" alt="图片"></div><div class="text-parser_imgDesc__2QD51"></div></div></div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m"><span class="text-parser_strong__14xXy">新冠没有那么吓人，但是仗很难打</span></div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m">现实很骨感。这几天，上海在打着抗疫以来最艰难的仗，感染人数超过了年前的预期，医疗资源一下子变得紧张。上海的后备医院也启动了，我除了参与上海市定点医院的查房外，也关心我们几个集中收治隔离点的工作。隔离点刚搭建不久，医务、后勤团队都在磨合，入驻隔离点的虽然大多是无症状与轻症感染者，但这些人仍然有疾病进展的风险，而且突然被诊断为新冠，内心惶恐与惊吓都需要抚慰。现在，我们团队的同事们已经从忙乱中整理出头绪来了，短时间内收治了以无症状与轻症为主的大量感染者，我们不能假装毫无困难，但我们在跟着疫情变化不断学习和改进，争取让患者的感受更好，更快恢复健康。</div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m">就在刚才，凌晨，大家还在忙着隔离点的工作，写这篇微博前我还刚跟宝山救治隔离点负责人马昕院长讨论完特异性抗病毒新药的储备问题，有一点空闲，抓紧跟大家报告下最近发生了什么，回答一些大家关心的问题。</div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m"><span class="text-parser_strong__14xXy">1.未来抗疫应该采取何种模式</span></div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m">很多人关注上海的疫情，对上海的防控策略也有很多批评跟建议。上海是一个超大型的国际城市，这次面对无症状感染为主的奥密克戎毒株攻击，初步发现感染后病例数即呈指数级上升，防控难度很大。如何让城市不停摆、维持基本的经济活动，又能最终实现疫情管控，确实面临非常大的困难。当疫情出现蔓延，如果想不让城市停摆，就需要在数据支撑下不断做策略调整。当前采取的策略主要是：<span class="text-parser_strong__14xXy">滚动筛查、锁定重点、切断传播链。筛查大数据告诉我们，一个向好的迹象悄悄地出现了：非管控区域全员滚动筛查的病例占比逐渐走低，仅占总病例的10%，预示社会面疫情逐渐受控。疫情的拐点虽尚未出现，但形成拐点的条件已经逐步具备。</span></div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m"><span class="text-parser_strong__14xXy">2、国家卫健委颁布核酸检测指南更新，透露我国未来抗疫新动向</span></div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m">3 月 22 日，国家卫健委发布了关于印发《区域新型冠状病毒核酸检测组织实施指南（第三版）》的通知。一是强调科学精准，对划定的区域进行核酸检测。其次是将第二版《指南》中的「全员」修改为「区域」，区域大小由疫情防控需要决定。这预示着未来抗疫逐渐进入了新阶段，采取全域经济生活停摆、进行多轮全员检测的抗疫模式，会被逐渐更新。但问题是，如果不进行全域停摆与全员检测，我们能否跑得过奥密克戎呢？</div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m">国家卫健委新指南是这么说的：要对核酸检测“进一步明确完成时限”。各省市（包括城区常住人口 1000 万以上的超大城市）不区分人口规模，均按照 24 小时内完成全市核酸检测的目标匹配采样和检测力量。这个要求就很高了，但这正是保证后续滚动筛查能够跑过病毒传播的基本需求。奥密克戎的速度，某种意义上讲，如果不是以快制快，我们是没有机会跑赢奥密克戎的。新指南发布当天，上海市就把“严格核酸筛查，加快提升大规模核酸检测能力，强化‘采、送、检、报’全流程协同和精准调度”作为工作重点，这就开始具备跑赢奥密克戎的能力了。</div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m"><span class="text-parser_strong__14xXy">3、香港重磅疫苗有效性数据公布，第三针接种提供全面保护</span></div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m">我最近多次与香港专家讨论香港疫情管控过程，特别是对老年人病死率高的问题进行了多次讨论。今天香港大学公共卫生学院在线预发表了关于疫苗作用的论文，结果很重磅，香港730万人口共接种了1270万剂疫苗，两种疫苗均可预防严重疾病和死亡，在年龄≥60岁的成人中，灭活冠状病毒两针接种对重症新冠与死亡的保护率为74.1%，不如BNT162b2 (有效率 88.2%)。可喜的是，两种疫苗的三剂接种可提供非常高水平的预防重症与死亡保护率，保护率均达到了95%以上。这数据奠定了中国未来走出疫情的底气。</div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m"><span class="text-parser_strong__14xXy">4、今后抗疫，维持生活正常化应该放到跟动态清零同样重要的位置</span></div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m">这次上海疫情暴发，社会各方均投入到全面抗疫的工作中。也出现了群众反映，“封控区内生活照顾不够，封控时间过长，医院反复封控造成正常看病困难”的情况。这些问题都存在，不应该回避，在今后的抗疫中我们要一一解决，要不然，抗疫成功的意义就会大打折扣。现在很明确，有关方面看到了这些问题，也直面这些问题。新冠抗疫将是一个长期的过程，不能抱着咱就是不过了也要把病毒弄死的心态，要既控制好疫情，又保障居民生活，保持就医通道畅通，同时还保障民营小微企业的生存。这些将成为上海抗疫后一阶段的重点。抗疫尚未结束，但生活还要继续。</div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m">上海战役仍在胶着之中，但至少今天，我们看到了新药已经落地，疫苗三针加强有效，核酸快速精准筛查有望跑过病毒，全国各地开始未雨绸缪，筹建后备隔离点医院。上海这次战役，不搞一刀切，希望在尽量无疏漏筛查的同时能够最小化影响生活，肯定是非常不容易,也难免会不顺利，但也正显示了我们绝不肯走抗疫回头路的决心。在大家感觉挺不容易的这段时间，走出疫情的技术支撑也悄悄地逐渐具备了。</div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m">来源：微博@张文宏医生</div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m">值班编辑：周勤</div><div class="undefined text-parser_p__2YRXL text-parser_pRevision__7xk0m"><div><div><img class="text-parser_img__1MPXz" src="http://inews.gtimg.com/newsapp_match/0/8081418767/0" alt="图片"></div><div class="text-parser_imgDesc__2QD51"></div></div></div></div><div class="copyright_wrapper__gH2zt"><div class="copyright_copyrightWording__2HIdc">免责声明</div><div class="copyright_copyright__narBd">本文来自腾讯新闻客户端自媒体，不代表腾讯新闻的观点和立场。</div></div></div>'
        let info2 = '<div class="index-module_articleWrap_2Zphx "><div class="index-module_textWrap_3ygOc "><p></p><!--20--><!--21--><!--22--><!--23--><!--24--><!--25--><p data-from-paste="1" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);box-sizing: border-box;margin-top: 0px;margin-bottom: 25px;word-break: normal;overflow-wrap: break-word;color: rgb(47, 47, 47);white-space: normal">在今天商务部举行的例行发布会上，有记者问：拜登政府周三表示将延长对来自中国的352种商品的关税豁免，请问商务部对此有何评论?</p><p></p></div><div class="index-module_textWrap_3ygOc "><p></p><!--26--><!--27--><!--28--><!--29--><!--30--><!--31--><p style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);box-sizing: border-box;margin-top: 0px;word-break: normal;overflow-wrap: break-word;color: rgb(47, 47, 47);white-space: normal;margin-bottom: 0px " data-from-paste="1">商务部新闻发言人束珏婷表示：中方注意到，3月23日美国贸易代表办公室宣布将恢复352项自中国进口商品的加征关税豁免，这有助于相关产品的正常贸易。中方始终认为，美方单边加征关税措施不利于中国，不利于美国，不利于世界。在当前通胀持续走高、全球经济复苏面临挑战的形势下，希望美方从中美两国消费者和生产者的根本利益出发，尽快取消全部对华加征关税，推动双边经贸关系早日回到正常轨道。</p><p></p></div><div class="index-module_textWrap_3ygOc "><p></p><!--32--><!--33--><!--34--><!--35--><!--36--><!--37--><p>来源：央视新闻客户端</p><p></p></div><div class="index-module_mediaWrap_213jB "><!--38--><!--39--><div class="index-module_contentImg_JmmC0"><img src="https://pics6.baidu.com/feed/21a4462309f7905283318cd31d69c4c07acbd551.jpeg?token=a1624ec9bb69719471e1b1e53b34ce38" width="640" class="index-module_large_1mscr"><!--42--></div><!--40--><!--43--><!--44--><!--45--></div><!--19--><!--46--><!--47--><div class="index-module_mediaWrap_213jB"><div class="index-module_reportContainer_1LjGN"><span>举报/反馈</span></div></div></div>'
        this.message = row.level === 1 ? info1:info2
      },
      /**
       * 获取所有选中的row
       */
      handleSelectionChange2() {
        this.list = this.$refs.multiptable.selection
        
      },

      /**
       * 全选操作
       */
    selectAll(){
      this.checkedkeys = !this.checkedkeys
      this.toggleSelection(this.tableData2,this.checkedkeys)

    },

    /**
     * 处理数据
     */
    toggleSelection(rows,flag){
      if(rows){
         rows.forEach(element => {
           if(element.children){
               this.toggleSelection(element.children,flag)
           }
           this.$refs.multiptable.toggleRowSelection(element,flag)
         })
      }else{
          this.$refs.multiptable.clearSelection()
      }
      this.handleSelectionChange2()
    },  

    /**
     * 单选每行
     */
    rowSelect(selection,row){
        if(selection.indexOf(row) > -1 && row.level === 1){
          this.toggleSelection(row.children,true)
        }
        if(selection.indexOf(row) === -1 && row.level === 1){
          this.toggleSelection(row.children,false)
        }
        if(selection.indexOf(row) > -1 && row.level === 2){
          this.toggleSelection(row,true)
        }
        //  if(selection.indexOf(row) > -1 && row.level === 2){
        //   let s = this.tableData2.forEach(item=>{
        //     if(item.id === row.id){
        //        return item
        //     }
        //   })
        //   this.toggleSelection(s,true)
        // }
    }


  },
};
</script>

<style scoped lang="scss">
.card-style{
  height:95vh
}
</style>

